﻿/* CSS Document */
body {
	background-color:#F7F7F7;
}

fieldset {
    background: none repeat scroll 0 0 #DB6818;
    border: 1px dashed #CCCCCC;
    padding: 10px;
}


legend {
    background: none repeat scroll 0 0 #DB6818;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 90%;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.1;
    padding: 2px 6px;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 175%;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color:#333;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 135%;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color:#333;
}


label {
    background-color: #EDA139;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;
    font-weight: normal;
    height: 32px;
    letter-spacing: -1px;
    line-height: 1.1;
    margin-right: 2px;
    margin-top: 0;
    padding-left: 6px;
    padding-top: 11px;
    width: 150px;
}

.form {
	margin:0;
	padding:0;
}

.container {
    margin: auto;
    padding: 10px;
    width: 600px;
}
.top {
    height: 50px;
    width: 470px;
}

#leftSide {
	width:600px;
	padding-top:30px;

}
#rightSide {
	background-color:#fff;
	width:200px;
	padding:5px;
	margin-top:40px;
	float:right;
	border:1px solid #CCC;
	font:normal 12px Arial;
	color:#666666
}
.clear {
	clear:both;
}
.holder {
	background-color:#fff;

}
.div_texbox {
    background-color: #DB6818;
    float: right;
    height: 32px;
    margin-top: 0;
    padding-bottom: 3px;
    padding-left: 0;
    padding-top: 5px;
    width: 300px;
}


.textbox {
    background-image: url("../images/16t.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #999999;
    font: 12px Arial;
    padding: 2px 5px 2px 9px;
    width: 250px;
}


.textbox_FEC {
	background-image:url(../images/date.png);
	background-repeat: no-repeat;
	background-position:left;
	width:250px;
	font:normal 18px Arial;
	color: #999999;
	padding:3px 5px 3px 19px;
}
.textbox:focus, .textbox:hover {
	background-color:#F0FFE6;
}

.username {
    	background-image: url(images/16m.png);
    	background-repeat: no-repeat;
    	background-position:left;
	width:285px;
    	font:normal 18px Arial;
    	color: #999999;
    	padding:3px 5px 3px 19px;
}
.username:focus, .username:hover {
	background-color:#F0FFE6;
}
   
.password {
    	background-image: url(images/16s.png);
    	background-repeat: no-repeat;
   	background-position:left;
	width:285px;
    	font:normal 18px Arial;
    	color: #999999;
    	padding:3px 5px 3px 19px;
}
.password:focus, .password:hover {
	background-color:#F0FFE6;
}




.button_div {
    background-color: #EDA139;
    float: right;
    height: 35px;
    margin-top: 5px;
    padding-bottom: 42px;
    padding-top: 5px;
    text-align: center;
    width: 100%;
}

.buttons {
	background: #e3e3db;
	font-size:12px; 
	color: #989070; 
	padding: 6px 14px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;

}


.buttons_OK {
    background: url("../images/save.png") no-repeat scroll left center #E3E3DB;
    border-color: #FFFFFF #D8D8D0 #D8D8D0 #FFFFFF;
    border-style: solid;
    border-width: 2px;
    color: #989070;
    font-size: 9px;
    font-weight: bold;
    padding: 6px 14px;
    text-decoration: none;
    text-transform: uppercase;
    width: 120px;
}

.buttons_IMP {
	background: #e3e3db;
	background-image:url(../images/printer.png);
    background-repeat: no-repeat;
   	background-position:left;
	font-size:12px; 
	color: #989070; 
	padding: 6px 14px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	width:120px;

}
.buttons_EXC {
	background: #e3e3db;
	background-image:url(../images/page_excel.png);
    background-repeat: no-repeat;
   	background-position:left;
	font-size:12px; 
	color: #989070; 
	padding: 6px 14px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	width:120px;

}
.buttons_FEC {
	background: #e3e3db;
	background-image:url(../images/date.png);
    background-repeat: no-repeat;
   	background-position:left;
	font-size:12px; 
	color: #989070; 
	padding: 6px 14px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	width:120px;

}
.buttons_aplicar {
    background: url("../images/action_check.png") no-repeat scroll left center #E3E3DB;
    border-color: #FFFFFF #D8D8D0 #D8D8D0 #FFFFFF;
    border-style: solid;
    border-width: 2px;
    color: #989070;
    font-size: 9px;
    font-weight: bold;
    padding: 6px 14px;
    text-decoration: none;
    text-transform: uppercase;
    width: 120px;
}

.buttons_CANCEL {
    background: url("../images/action_remove.png") no-repeat scroll left center #E3E3DB;
    border-color: #FFFFFF #D8D8D0 #D8D8D0 #FFFFFF;
    border-style: solid;
    border-width: 2px;
    color: #989070;
    font-size: 9px;
    font-weight: bold;
    padding: 6px 14px;
    text-decoration: none;
    text-transform: uppercase;
    width: 120px;
}

.linea0	{
	background-color:#d8d8d0;
	border:solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	cursor:pointer;
}

.linea2	{
	background-color:#E6E6E6;
	border:solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;	
	cursor:pointer;
}
tr:hover	{
	background-color:#F0FFE6;
}

.listado{	/* estilo para los listados generados en tablas*/
	background-color: #F0ECD0;
	border: none;
	font-family: verdana, monospace;
	font-size: xx-small;
	width: 100%;
}

.listado tr:hover	{
	background-color: #B5B5B5;
}

.listado th{
	background-color: #E3DBA4;
}

body {
    background-color: #EDA139;
}
